<template>
  <div class="contents">
    <span class="back" @click="goBack">返回上一页</span>
    <!-- 一楼 -->
    <div class="f1" v-if="projectMessage">
      <div class="title">
        <p>{{ projectMessage.oderid }}</p>
        <h5 v-if="projectMessage.status == '待反馈'" style="background-color: #fda261">
          {{ projectMessage.status }}
        </h5>
        <h5 v-else-if="projectMessage.status == '已反馈'">
          {{ projectMessage.status }}
        </h5>
        <h5
          style="background-color: #3f6ef2"
          v-if="businessSPinfosList.length == 0 && projectMessage.status == '已反馈'"
        >
          暂无适配产品
        </h5>
        <h5 style="background-color: #3f6ef2" v-if="projectMessage.producttype !== ''">
          {{ projectMessage.producttype }}
        </h5>
      </div>
      <!-- 产品信息 -->
      <div class="details">
        <div class="details-item" v-if="projectMessage">
          <div class="details-item-left">
            <ul style="width: 1.0417rem">
              <li>票据号码：</li>
              <li>票据到期日：</li>
              <li>承兑人开户行行号：</li>
            </ul>

            <div style="width: 2.0833rem">
              <p style="cursor: pointer; display: flex; align-items: center">
                <span>{{ projectMessage.sPticketinfo.billnumber }}</span>
                <el-image
                  @click.native="getFileImg"
                  style="width: 0.099rem; height: 0.0729rem"
                  :src="icon"
                  :preview-src-list="imgUrl"
                >
                </el-image>
              </p>

              <p style="width: 1.9271rem">
                <span>{{ projectMessage.sPticketinfo.billdate | getDate }}</span>
              </p>
              <p style="width: 1.9271rem">
                <span>{{ projectMessage.sPticketinfo.acceptorbank | getData }}</span>
              </p>
            </div>
          </div>
          <div class="details-item-left">
            <ul>
              <li>票面金额（元）：</li>
              <li>承兑人名称：</li>
              <li>票据剩余期限（天）：</li>
            </ul>
            <div>
              <p>{{ projectMessage.sPticketinfo.faceamount | getArea }}</p>
              <p style="width: 1.9271rem">
                {{ projectMessage.sPticketinfo.acceptorname | getData }}
              </p>
              <p>
                <span>{{ projectMessage.residualdate | getData }}</span>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 二楼 -->
    <div class="f2">
      <!-- 顶部标签 -->
      <div class="title" style="margin-bottom: 0.2344rem">
        <h3 :class="{ active: row == 1 }" @click="row = 1">
          <span>询价详情</span>
        </h3>
      </div>
      <div class="titles">
        <h1></h1>
        <h3>项目进度</h3>
      </div>
      <div class="schedule" v-if="projectMessage">
        <div class="schedule1">
          <img src="@/assets/shangpiao/组194.png" alt="" />
          <h1
            :class="{
              yfk: projectMessage.status == '已反馈',
              dfk: projectMessage.status == '待反馈'
            }"
          ></h1>
          <img
            :src="
              require(`@/assets/shangpiao/组${
                projectMessage.status == '待反馈' ? '195' : '194'
              }.png`)
            "
            alt=""
          />
        </div>
        <div class="schedule2">
          <span>提交询价申请</span>
          <h2></h2>
          <span
            :class="{
              dfk: projectMessage.b == null
            }"
            >询价反馈结果</span
          >
        </div>
        <div class="schedule3">
          <span>{{ projectMessage.a }} </span>
          <h3></h3>
          <span>{{ projectMessage.b }} </span>
        </div>
      </div>
      <div class="enquirys" v-if="projectMessage">
        <!-- 待反馈 -->
        <div class="null" v-if="projectMessage.status == '待反馈'">
          <img src="@/assets/shangpiao/组162.png" alt="" />
          <p>正在为您匹配产品信息</p>
          <p>
            如需了解更多商票资讯，请关注
            <i
              style="color: #3F6EF2; 
}"
              >“商驿供应链”</i
            >公众号
          </p>
          <!-- <p>
              或登录商票驿网站：<a
                href="https://shangpiaoyi.thunlink.com"
                target="_blank"
                >https://shangpiaoyi.thunlink.com</a
              >
            </p> -->
        </div>
        <!-- 暂无适配产品 -->
        <div class="null" v-else-if="businessSPinfosList.length == 0">
          <img src="@/assets/shangpiao/组162.png" alt="" />
          <p>暂无可申请的产品信息</p>
          <p>您可联系人工客服010-53358030</p>
          <p>或<span @click="goBusinessTicket()">使用其他票据询价</span></p>
        </div>
        <!-- 已反馈 -->
        <div class="enquiry" v-else>
          <div class="titles">
            <h1></h1>
            <h3>融资方案</h3>
          </div>
          <template v-if="businessSPinfosList">
            <div class="enquiry-item" v-for="(item, index) in businessSPinfosList" :key="index">
              <div class="title">
                <div class="title_top">
                  <h4>{{ item.financename }}</h4>
                  <p
                    :class="{
                      yptx: item.matchtype == '贴现',
                      spzy: item.matchtype == '质押'
                    }"
                  >
                    {{ item.matchtype }}
                  </p>
                </div>
                <div class="apply">
                  <span @click="goEnquiryApply(item)">立即申请</span>
                  <img src="@/assets/shangpiao/next.png" alt="" />
                </div>
              </div>
              <!-- 产品信息 -->
              <div class="details">
                <div class="details-item">
                  <div class="details-item-left">
                    <ul>
                      <li>业务类型：</li>
                      <li>技术服务费率（年化）：</li>
                      <li>技术服务费（元）：</li>
                      <!-- <li>担保费率（年化）：</li> -->
                    </ul>
                    <div>
                      <p>{{ item.producttype | getData }}</p>
                      <p>
                        {{ item.technicalservicerate | getArea }}
                        <i v-show="item.technicalservicerate">%</i>
                      </p>
                      <p>{{ item.technicalservice | getArea }}</p>
                      <!-- <p>
                        {{ item.guaranteerate | getArea }}
                        <i v-show="item.guaranteerate">%</i>
                      </p> -->
                    </div>
                  </div>
                  <div class="details-item-left">
                    <ul>
                      <li>预计到账金额（元）：</li>
                      <li v-show="item.matchtype == '贴现'">贴现利率（年化）：</li>
                      <li v-show="item.matchtype == '质押'">融资利率（年化）：</li>
                      <!-- <li>最大退回尾款（元）：</li>
                      <li>担保服务费（元）：</li> -->
                    </ul>
                    <div>
                      <p>{{ item.arrivalamount | getArea }}</p>
                      <p>
                        {{ item.discount | getArea }}
                        <i v-show="item.discount">%</i>
                      </p>
                      <!-- <p>{{ item.returnmount | getArea }}</p>
                      <p>{{ item.guaranteefee | getArea }}</p> -->
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </template>
        </div>
      </div>
    </div>
    <!-- 弹窗 -->
    <!-- 查看票据正反面信息 -->
    <el-dialog title="票面信息" :visible.sync="contractCardbackVisible" width="40%" center>
      <!-- 内容区域 -->
      <div
        v-viewer
        v-if="FileImg != ''"
        style="text-align: center; width: 1.9271rem; height: 1.9271rem"
        class="dialog-center"
        @click="contractCardbackVisible = false"
      >
        <img style="width: 100%; height: 100%; margin-bottom: 0.0781rem" :src="FileImg" alt="" />

        <p style="margin-top: 0.1042rem">点击图片可查看大图</p>
      </div>

      <div v-else style="text-align: center; margin-bottom: 0.1563rem" class="dialog-center">
        <h4>暂无详细资料</h4>
      </div>
      <!-- 按钮区域 -->
      <div slot="footer" class="dialog-footer">
        <button class="dialog-footer-bnt btn1" @click="contractCardbackVisible = false">
          取 消
        </button>
        <button class="dialog-footer-bnt btn2" @click="contractCardbackVisible = false">
          确 定
        </button>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import { findaSP, getFilePath, myPostFetch } from '@/utils'
import { mapState } from 'vuex'
export default {
  data() {
    return {
      icon: 'http://operate.thunlink.cn/protocol/image/票.png',
      imgUrl: null,
      businessSPinfosList: null,
      //产品数据
      row: 1,
      id: '', //项目id
      sPticketinfoid: '',
      FileImg: '',
      // 弹框变量
      contractCardbackVisible: false,
      projectMessage: null
    }
  },
  // 计算属性
  computed: {
    ...mapState(['shangPiaoDetailsParameter'])
  },
  mounted() {
    // 获取地址栏中的id
    this.id = this.shangPiaoDetailsParameter.id
    this.sPticketinfoid = this.shangPiaoDetailsParameter.ticketinfoid
    this.findaSP()
    setTimeout(() => {
      this.getFileImg()
    }, 500)
  },
  // 过滤器
  filters: {
    getArea: function (value) {
      if (value === 0) {
        // 获取整数部分
        const intPart = Math.trunc(value)
        // 整数部分处理，增加,
        const intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')
        // 预定义小数部分
        let floatPart = '.00'
        // 将数值截取为小数部分和整数部分
        const valueArray = value.toString().split('.')
        if (valueArray.length === 2) {
          // 有小数部分
          floatPart = valueArray[1].toString() // 取得小数部分
          return intPartFormat + '.' + floatPart
        }
        return intPartFormat + floatPart
      }
      if (value == '') return '-'
      if (!value) return '-'
      let num = Number(value)
      if (isNaN(num)) return '-'
      // 将数值截取，保留两位小数
      value = num.toFixed(2)
      // 获取整数部分
      const intPart = Math.trunc(value)
      // 整数部分处理，增加,
      const intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')
      // 预定义小数部分
      let floatPart = '.00'
      // 将数值截取为小数部分和整数部分
      const valueArray = value.toString().split('.')
      if (valueArray.length === 2) {
        // 有小数部分
        floatPart = valueArray[1].toString() // 取得小数部分
        return intPartFormat + '.' + floatPart
      }
      return intPartFormat + floatPart
    },
    getDate: function (value) {
      if (!value) return value
      let date = value.split(' ')[0]
      return date
    },
    getData: function (value) {
      if (!value || value == '') {
        return '-'
      } else {
        return value
      }
    },
    updataData: function (value) {
      if ((value !== 0) & (!value || value == '')) {
        return '未填写'
      } else if (value == 0) {
        return value
      } else {
        return value
      }
    }
  },
  methods: {
    // 项目管理询价详情
    async findaSP() {
      let url = '/api/BusinessSPs/findaSPlist'
      let params = {
        sPticketinfoid: this.sPticketinfoid
      }
      let data = await myPostFetch(url, params)
      if (data.code == 100) {
        this.projectMessage = data.data
        this.businessSPinfosList = data.data.businessSPinfos
        for (let i = 0; i < this.businessSPinfosList.length; i++) {
          this.businessSPinfosList[i].acceptorname = data.data.sPticketinfo.acceptorname
          if (
            this.businessSPinfosList[i].matchtype == '90' ||
            this.businessSPinfosList[i].matchtype == '92'
          ) {
            this.businessSPinfosList[i].show01 = this.businessSPinfosList[i].matchtype
            this.businessSPinfosList[i].matchtype = '贴现'
          } else if (this.businessSPinfosList[i].matchtype == '91') {
            this.businessSPinfosList[i].show01 = this.businessSPinfosList[i].matchtype
            this.businessSPinfosList[i].matchtype = '质押'
          }
        }
      } else {
        this.$Message.error('信息错误')
      }
      return data
    },
    // 获取图片
    async getFileImg() {
      let id = this.id
      let a = []
      let { data } = await getFilePath(id)
      if (data) {
        if (data.length == 0) return this.$Message.error('暂无票据信息')
        for (let i = 0; i < data.length; i++) {
          a.push(data[i].path)
        }
        this.imgUrl = a
      }
    },
    // 跳转至申请
    async goEnquiryApply(item) {
      let discount = item.discount
      let productcodes = item.productcode
      let url = '/api/BusinessSPs/findproducts'
      let params = {
        productcode: productcodes
      }
      let data = await myPostFetch(url, params)
      if (data.data) {
        let productcode = data.data.productcode
        let productname = data.data.productname
        let id = data.data.id
        let producttype = item.producttype
        this.$store.commit('updataApplyProductcode', productcode)
        this.$store.commit('updataApplyProductname', productname)
        this.$store.commit('updataApplyId', id)
        localStorage.setItem('producttype', producttype)
        this.$store.commit('updataApplyRadio', discount)

        if (item.producttype == '银票贴现' || item.producttype == '商票贴现') {
          //商票
          this.$router.push(`/sptxApplication`)
        } else if (item.producttype == '商票质押') {
          // 质押
          this.$router.push(`/spzyApplication`)
        }
      }
      this.setTim()
    },
    goBusinessTicket() {
      this.$router.push('/ShangPiao')
      this.setTim()
    },
    // 返回上一页
    goBack() {
      this.$router.go(-1)
      setTimeout(() => {
        this.$router.go(0)
      }, 50)
    },
    setTim() {
      setTimeout(() => {
        this.$router.go(0)
      }, 1000)
    }
    // changeHash(idName) {
    //   document.querySelector(idName).scrollIntoView(true);
    // },
  }
}
</script>

<style lang="scss" scoped>
.contents {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: rgb(242, 244, 247);
  // 返回上一页
  .back {
    position: absolute;
    left: 30vw;
    top: 0.599rem;
    font-size: 0.0833rem;
    color: #3f6ef2;
    text-decoration: underline;
    user-select: none;
  }
  // 面包屑
  .breadcrumb {
    display: flex;
    align-items: center;
    height: 0.3958rem;
    font-size: 0.0833rem;
    background-color: rgb(242, 244, 247);
    .icon {
      margin: 0 0.0521rem 0 0.0208rem;
    }
    .span {
      font-size: 0.0833rem;
      font-family: Source Han Sans SC;
      font-weight: 400;
      color: #999999;
    }
    img {
      width: 0.0938rem;
      height: 0.0938rem;
      margin-right: 0.026rem;
    }
  }

  .f1 {
    box-sizing: border-box;
    width: 100%;
    background: #ffffff;
    box-shadow: 0px 0.0469rem 0.0938rem 0px rgba(207, 207, 207, 0.22);
    border-radius: 0.0521rem;
    margin: 0px 0 0.1042rem 0;
    padding: 0.1563rem 0.2552rem;
    overflow: auto;
    .title {
      display: flex;
      align-items: center;
      width: 100%;
      height: 0.125rem;
      p {
        font-size: 0.1042rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #000;
      }
      h5 {
        box-sizing: border-box;
        padding: 1px 4px;
        background: #3cb0ff;
        border-radius: 0.0104rem;
        font-size: 0.0677rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #ffffff;
        text-align: center;
        line-height: 0.0938rem;
        margin-left: 0.0417rem;
      }
    }
    // <!-- 产品详细信息开始 -->
    .details {
      width: 100%;
      margin-left: 0.0521rem 0.0521rem;
      .details-item {
        display: flex;
        width: 100%;
        justify-content: space-between;
        .details-item-left {
          display: flex;
          width: 3.125rem;
          height: 100%;
          ul {
            width: 0.9375rem;
            height: 100%;
            font-size: 0.0938rem;
            font-family: Source Han Sans SC;
            font-weight: 400;
            color: #999999;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            li {
              margin-top: 0.1042rem;
              height: 0.1563rem;
            }
          }
          div {
            width: 1.3021rem;
            height: 100%;
            margin-left: 0.0625rem;
            // overflow: hidden;
            // white-space: nowrap;
            // text-overflow: ellipsis;
            z-index: 99;
            p {
              height: 0.1563rem;
              margin-top: 0.1042rem;
              font-size: 0.0938rem;
              font-family: Source Han Sans SC;
              font-weight: 400;
              color: #000000;
            }
          }
        }
      }
    }
  }
  .f2 {
    overflow: hidden;
    width: 100%;
    height: 650px;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 0.0313rem;
    padding: 0.1823rem 0.2604rem;
    scroll-behavior: smooth;
    overflow: auto;
    // 进度
    .schedule {
      width: 100%;
      margin: 0.2604rem 0;
      .schedule1 {
        box-sizing: border-box;
        padding: 0 0.2344rem;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        width: 100%;
        height: 0.1823rem;
        img {
          width: 0.1823rem;
        }
        h1 {
          width: 4.1667rem;
          height: 0.0052rem;
          &.yfk {
            background: #3f6ef2;
          }
          &.dfk {
            background: #a4a4a4;
          }
        }
      }
      .schedule2 {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        box-sizing: border-box;
        padding: 0 0.1823rem;
        width: 6.4rem;
        height: 0.1823rem;
        h2 {
          width: 4.0625rem;
          height: 0.0052rem;
        }
        span {
          font-size: 0.1042rem;
          font-family: Source Han Sans SC;
          font-weight: 400;
          color: #3f6ef2;
          &.dfk {
            color: #a4a4a4;
          }
        }
        .state {
          box-sizing: border-box;
          padding: 0px 0.0208rem;
          display: flex;
          justify-content: center;
          justify-items: center;
          position: absolute;
          right: 0.0521rem;
          // width: 0.2083rem;
          // height: 0.1042rem;
          background: #22b556;
          opacity: 0.8;
          border-radius: 0.0104rem;
          font-size: 0.0729rem;
          font-family: Source Han Sans SC;
          font-weight: 400;
          color: #ffffff;
          &.tg {
            background: #22b556;
          }
          &.jj {
            background: #fc6464;
          }
        }
      }
      .schedule3 {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        width: 100%;
        height: 0.1823rem;
        h3 {
          width: 3.724rem;
          height: 0.0052rem;
        }
        span {
          display: block;
          width: 0.8333rem;
          text-align: center;
          font-size: 0.0833rem;
          font-family: Source Han Sans SC;
          font-weight: 300;
          color: #8d93a1;
        }
      }
    }
    .title {
      display: flex;
      align-items: center;
      width: 100%;
      height: 0.3125rem;
      z-index: 99;
      margin-bottom: 0.2344rem;
      h3 {
        font-size: 0.125rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #222222;
        height: 0.1667rem;
        line-height: 0.1458rem;
        text-align: center;
        box-sizing: border-box;
      }
    }
    .titles {
      display: flex;
      align-items: center;
      height: 0.1563rem;
      h1 {
        height: 0.1042rem;
        width: 0.0313rem;
        background-color: #e8903c;
      }
      h3 {
        font-size: 0.1042rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #e8903c;
        margin-left: 0.0625rem;
      }
    }
    .null {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      height: 300px;
      img {
        width: 326px;
        height: 212px;
      }
      p {
        font-size: 0.0677rem;
        color: #666;
        margin-bottom: 0.0417rem;
        a {
          color: #3f6ef2;
          cursor: pointer;
        }
        span {
          color: #3f6ef2;
          text-decoration: underline;
          cursor: pointer;
        }
      }
    }
    .enquiry {
      padding: 0 0.0781rem;
      .enquiry-item {
        box-sizing: border-box;
        padding: 0.026rem 0 0.1302rem 0;
        width: 100%;
        border-bottom: 1px solid #e6e6e6;
        .title {
          display: flex;
          justify-content: space-between;
          margin-top: 0.1042rem;
          height: 0.1823rem;
          .title_top {
            display: flex;
            align-items: center;
            h4 {
              font-size: 0.0938rem;
              font-family: Source Han Sans SC;
              font-weight: 500;
              color: #000;
            }
            p {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 0.2135rem;
              height: 0.099rem;
              border-radius: 0.0104rem;
              font-size: 0.0729rem;
              background-color: #fff;
              margin-left: 0.0521rem;
              &.spzy {
                color: #ff6060;
                border: 0.0052rem solid #ff6060;
              }
              &.yptx {
                border: 0.0052rem solid #f28537;
                color: #f28537;
              }
            }
          }
          .apply {
            display: flex;
            justify-content: center;
            cursor: pointer;
            width: 0.875rem;
            height: 0.1667rem;

            border-radius: 0.0208rem;
            display: flex;
            align-items: center;
            height: 100%;
            span {
              font-size: 0.1042rem;
              font-family: Source Han Sans SC;
              font-weight: 400;
              color: #3f6ef2;
              margin-right: 0.026rem;
            }
            img {
              margin-left: 0.0521rem;
              width: 0.1354rem;
              height: 0.1354rem;
            }
          }
        }
        .details {
          width: 100%;
          margin-left: 0.0521rem 0.0521rem;
          .details-item {
            display: flex;
            width: 100%;
            .details-item-left {
              display: flex;
              width: 3.125rem;
              height: 100%;
              ul {
                width: 1.3021rem;
                height: 100%;
                font-size: 0.0938rem;
                font-family: Source Han Sans SC;
                font-weight: 400;
                color: #808080;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                z-index: 99;
                li {
                  margin-top: 0.0625rem;
                  height: 0.1563rem;
                  background-color: #fff;
                }
              }
              div {
                width: 1.4583rem;
                height: 100%;
                margin-left: 0.0625rem;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                z-index: 99;
                p {
                  height: 0.1563rem;
                  font-size: 0.0938rem;
                  font-family: Source Han Sans SC;
                  font-weight: 400;
                  color: #000000;
                  margin-top: 0.0625rem;
                }
              }
            }
          }
        }
      }
    }
  }

  // 弹出框
  .dialog-center {
    width: 90%;
    margin: 0 auto;
  }
  .dialog-footer {
    display: flex;
    justify-content: space-evenly;
    width: 70%;
    margin: 0 auto;
    .dialog-footer-bnt {
      width: 0.6302rem;
      height: 0.1615rem;
      color: #3f6ef2;
      border: 0.0052rem solid #3f6ef2;
      border-radius: 0.0208rem;
      background-color: #fff;
    }
    .btn2 {
      color: #fff;
      background-color: #3f6ef2;
    }
  }
  .abc {
    width: 1.9167rem;
    .el-select {
      width: 100%;
    }
  }
  .el-form-item {
    margin-bottom: 0.0781rem;
    .file {
      font-size: 0.0781rem;
      margin-right: 0.0521rem;
      color: #3f6ef2;
      text-decoration: underline;
      cursor: pointer;
    }
    .file1 {
      color: #999;
    }
  }
  // 弹出框
  .dialog-center {
    margin: 0 auto;
    width: 90%;
  }
  .dialog-footer {
    display: flex;
    justify-content: space-evenly;
    width: 70%;
    margin: 0 auto;
    .dialog-footer-bnt {
      width: 0.6302rem;
      height: 0.1615rem;
      color: #3f6ef2;
      border: 0.0052rem solid #3f6ef2;
      border-radius: 0.0208rem;
      background-color: #fff;
    }
    .btn2 {
      color: #fff;
      background-color: #3f6ef2;
    }
  }
  .abc {
    width: 1.9167rem;
    .el-select {
      width: 100%;
    }
  }
}
/* 输入框样式  */
::v-deep .el-input__inner {
  box-sizing: border-box;
  width: 1.4583rem;
  height: 0.2031rem;
  font-size: 0.0781rem;
  border: 0.0052rem solid #e0e0e0;
  border-radius: 0px;
  padding: 0.0521rem;
  color: #606266;
  outline: 0;
}
</style>
<style lang="scss">
/* 表格 */
.el-table {
  th.el-table__cell > .cell {
    font-size: 0.0833rem;
    font-weight: 400;
  }
  .cell {
    font-size: 0.0833rem;
  }
}
.el-table tr {
  height: 0.2083rem;
}
.el-table thead {
  height: 0.2083rem;
}
.el-button--small {
  padding: 0;
}

/* 邀请客户弹窗 */
.el-dialog--center .el-dialog__body {
  padding: 0.1302rem 0 0.1563rem;
}
.el-form-item__label {
  padding-right: 0.0313rem !important;
}
</style>
